@import "uview-ui/theme.scss";

// app最大的宽度
$app-max-width: 1080px;

$--action-color: (
  //禁用点击颜色,
    "disable-color": #c0c0c0,
  // start 行为相关颜色
    "color-primary": #515cc3,
  "color-warning": #e96030,
  "color-success": #3ab29a,
  "color-danger": #e23a3a
);

// 背景颜色相关  如果用样式 需要加上前缀 background- 例如：background-app-color
$--background-color: (
  // body html 背景颜色
    "body-color": #f5f5f5,
  // app背景 相当于小程序page
    "app-color": #f5f5f5,
  // 主题背景颜色 默认颜色
    "theme-color": #f5f5f5
);

// 字体颜色相关 如果用样式 需要加上前缀 font-
$--font-color: (
  //基本色
    "base-color": #222,
  //浅色 主要是描述
    "simple-color": #7b7b7b,
  //反色
    "inverse-color": #fff,
  //form的placeholder
    "placeholder-color": #808080
);

/**
 $list 配置列表
 $tag 生成的标签名
 $prefix 是否生成class
*/
@mixin backgroundRes($list, $prefix: "", $tag: background-color) {
  @each $name, $value in $list {
    @if $prefix != "" {
      .#{$prefix}-#{$name} {
        #{$tag}: var(--#{$name});
      }
    } @else {
      --#{$name}: #{$value};
    }
  }
}

@mixin theme {
  @include backgroundRes($--background-color);
  @include backgroundRes($--font-color);
  @include backgroundRes($--action-color);

  // start header 相关颜色
  --header-background-color: #fff;
  --header-font-color: #222;
  // end header 相关颜色

  // start 底部导航相关
  --footer-background-color: #fff;
  --footer-font-color: #d8d8d8;
  --footer-active-font-color: #515cc3; // 选择的字体颜色
  // end 底部导航相关

  // 遮罩颜色
  --mask-background-color: rgba(0, 0, 0, 0.4);
  // 边框颜色
  --border-color: #c8c7cc;
}

/* #ifdef H5  */
.theme-style {
  @include theme;
}

/* #endif  */

/* #ifndef H5 */
body {
  @include theme;
}

/* #endif */

/* 文字尺寸 */
$uni-font-size-sm: 24 * 1upx;
$uni-font-size-base: 28 * 1upx;
$uni-font-size-lg: 32 * 1upx;

/* 图片尺寸 */
$uni-img-size-sm: 40 * 1upx;
$uni-img-size-base: 52 * 1upx;
$uni-img-size-lg: 80 * 1upx;

/* Border Radius */
$uni-border-radius-sm: 4 * 1upx;
$uni-border-radius-base: 6 * 1upx;
$uni-border-radius-lg: 12 * 1upx;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 10 * 1upx;
$uni-spacing-row-base: 20 * 1upx;
$uni-spacing-row-lg: 30 * 1upx;

.uni-picker-view-content {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.uni-input-placeholder {
  text-align: right;
}

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

:export {
  @include theme;
}

@import "styles/var";
